import React from 'react';
import './App.css';
import { HashRouter as Router, Route,Switch } from 'react-router-dom'
import Login from './view/Login/Login'
import Register from './view/Register/Register'
import MainPage from './view/MainPage/MainPage'
import ProductDetail from './components/ProductDetail/ProductDetail'

class App extends React.Component {
  render() {
    return (
      <div className="App">
        <Router>
        <Switch>
          <Route path="/Login"   component={Login}></Route>
          <Route path="/Register" component={Register}></Route>
          <Route path="/ProductDetail" component={ProductDetail}></Route>
          <Route path="/" component={MainPage}></Route>
        </Switch>
        </Router>
        </div>   
    )
  }
}
export default App;
